<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<script>
// 循环结构：
// 循环：事物周而复始的运动或变化（重复）

// console.log( '程序 1' );
// console.log( '程序 2' );
// console.log( '程序 3' );
// console.log( '程序 4' );
// console.log( '程序 5' );
// console.log( '程序 6' );
// console.log( '程序 7' );
// console.log( '程序 8' );
// console.log( '程序 9' );
// console.log( '程序 10' );

// 什么时候需要使用循环：
// 1.有规律的重复操作
// 2.重复执行的代码很相似

// for循环：
// 语法：
// for (表达式1; 表达式2; 表达式3){
//     循环体4
// }
// 表达式1：一般用于声明循环初始变量，只执行一个次
// 表达式2：是一个布尔值（一般是关系表达式），用于限制循环次数, 为false时,循环结束
// 表达式3：一般用于改变循环变量（递增或递减）
// 循环体4：要重复执行的代码
// 1243 243 243 243 243...

for (var i = 1; i <= 5; i++){// 循环变量递增
    console.log( '程序 '+i );
}

// for (var i = 5; i >= 1; i--){// 循环变量递减
//     console.log( '程序 '+i );
// }

// 第1次循环：
// 表达式1 var i = 1
// 表达式2 1 <= 5 -> true
// 循环体4 执行代码
// 表达式3 i++ -> i=2

// 第2次循环：
// 表达式2 2 <= 5 -> true
// 循环体4 执行代码
// 表达式3 i++ -> i=3

// 第3次循环：
// 表达式2 3 <= 5 -> true
// 循环体4 执行代码
// 表达式3 i++ -> i=4

// 第4次循环：
// 表达式2 4 <= 5 -> true
// 循环体4 执行代码
// 表达式3 i++ -> i=5

// 第5次循环：
// 表达式2 5 <= 5 -> true
// 循环体4 执行代码
// 表达式3 i++ -> i=6

// 第6次循环：
// 表达式2 6 <= 5 -> false
// 结束循环


</script>
</body>
</html>